<!--  -->
<template>
<div>
  <mt-header title="关于我们">
  <router-link  to  slot="left">
    <mt-button icon="back" @click="$router.back(-1)" style="color:black"></mt-button>
  </router-link>
  <mt-button icon="more" slot="right"></mt-button>
  </mt-header>
  <div class="border">
    <div class="img">
        <img src="../assets/img/About.jpeg" alt="">
    </div>
    <div class="tableLine"><span class="midText">简介</span></div>
    <div class="content">&emsp;LemonShop 项目是一套电商系统，包括LemonShop 商城系统及 LemonShop-admin 商城后台管理系统，基于 vue 2.X + ndoe.js 及相关技术栈开发。 前台商城系统包含首页门户、商品分类、新品上线、首页轮播、商品推荐、商品搜索、商品展示、购物车、订单结算、订单流程、个人订单管理、会员中心、帮助中心等模块。 后台管理系统包含数据面板、轮播图管理、商品管理、订单管理、会员管理、分类管理、设置等模块。</div>
    <div class="tableLine"><span class="midText">开源地址</span></div>
    <p >GIt仓库地址:<a href="https://gitee.com/lemonGg12/lemon-store">&emsp;https://gitee.com/lemonGg12/lemon-store</a></p>
    <p >另一个书店项目GIt仓库地址:<a href="https://gitee.com/lemonGg12/bookstore-project">&emsp;https://gitee.com/lemonGg12/bookstore-project</a></p>
  </div>
</div>
</template>

<script>
export default {
data() {
return {

}
},
//生命周期 - 创建完成（访问当前this实例）
created() {

},
//生命周期 - 挂载完成（访问DOM元素）
mounted() {

}
}
</script>
<style scoped>
/* @import url(); 引入css类 */
.mint-header{
    color: black;
    background-color: white;
    font-size: 10px;
}

.border{
  margin: 10px;
}
.img img{
  width: 100%;
}

.tableLine {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 0.2px;
    background-color: rgb(27, 174, 174);
    text-align: center;
    font-size: 20px;
    color: rgb(27, 174, 174);
    margin: 20px 0;
  }
 .midText {
    position: absolute;
    left: 50%;
    background-color: #ffffff;
    padding: 0 15px;
    color: rgb(27, 174, 174);
    transform: translateX(-50%) translateY(-50%);
  }
.content{
  margin-top: 10px;
  font-size: 14px;
}
p{
  width: 100%;
  font-size: 10px;
}
a{
  color: #007fff;
  text-decoration: none;
}

</style>